<template>
    <div class="tag" style="background-color:orange;">
        <img :src="tags" style="width:20%;" alt="">
        <span>{{ tip }}</span>
    </div>
</template>

<script setup lang="ts">
import tags from "@/assets/svg/home/routine/tags.svg"
defineProps(['tip'])
</script>

<style scoped lang="scss">
.tag {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7vw;
    margin-right: 0.5vw;
    padding: 0.3vw;
    border-radius: 5px;
    margin-bottom: 0.3vw;

    span {
        margin-left: 0.3vw;
    }
}
</style>